﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页逻辑图</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页逻辑图/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/首页逻辑图/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u513" class="ax_default" data-left="15" data-top="34" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u514" class="ax_default" data-left="15" data-top="34" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u515" class="ax_default box_1">
            <div id="u515_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u516" class="ax_default box_1">
            <div id="u516_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u517" class="ax_default ellipse">
            <img id="u517_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u518" class="ax_default ellipse">
            <img id="u518_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u519" class="ax_default box_1">
            <div id="u519_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u520" class="ax_default _图片">
          <img id="u520_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u521" class="ax_default box_2">
          <div id="u521_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u522" class="ax_default label">
          <div id="u522_div" class=""></div>
          <div id="u522_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u523" class="ax_default label">
          <div id="u523_div" class=""></div>
          <div id="u523_text" class="text ">
            <p><span>社区</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u524" class="ax_default label">
          <div id="u524_div" class=""></div>
          <div id="u524_text" class="text ">
            <p><span>创作</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u525" class="ax_default label">
          <div id="u525_div" class=""></div>
          <div id="u525_text" class="text ">
            <p><span>消息</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u526" class="ax_default label">
          <div id="u526_div" class=""></div>
          <div id="u526_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u527" class="ax_default" data-left="64" data-top="76" data-width="85" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u528" class="ax_default label selected">
            <div id="u528_div" class="selected"></div>
            <div id="u528_text" class="text ">
              <p><span>对话体</span></p>
            </div>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u529" class="ax_default line">
            <img id="u529_img" class="img " src="images/首页逻辑图/u529.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u530" class="ax_default label">
            <div id="u530_div" class=""></div>
            <div id="u530_text" class="text ">
              <p><span>传统体</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u531" class="ax_default box_2">
          <div id="u531_div" class=""></div>
          <div id="u531_text" class="text ">
            <p><span>广告/活动</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u532" class="ax_default box_2">
          <div id="u532_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u533" class="ax_default box_2">
          <div id="u533_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u534" class="ax_default box_2">
          <div id="u534_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u535" class="ax_default box_2">
          <div id="u535_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u536" class="ax_default box_2">
          <div id="u536_div" class=""></div>
          <div id="u536_text" class="text ">
            <p><span>都市</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u537" class="ax_default box_2">
          <div id="u537_div" class=""></div>
          <div id="u537_text" class="text ">
            <p><span>玄幻</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u538" class="ax_default box_2">
          <div id="u538_div" class=""></div>
          <div id="u538_text" class="text ">
            <p><span>校园</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u539" class="ax_default box_2">
          <div id="u539_div" class=""></div>
          <div id="u539_text" class="text ">
            <p><span>武侠</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u540" class="ax_default box_2">
          <div id="u540_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u541" class="ax_default box_2">
          <div id="u541_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u542" class="ax_default box_2">
          <div id="u542_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u543" class="ax_default box_2">
          <div id="u543_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u544" class="ax_default box_2">
          <div id="u544_div" class=""></div>
          <div id="u544_text" class="text ">
            <p><span>悬疑</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u545" class="ax_default box_2">
          <div id="u545_div" class=""></div>
          <div id="u545_text" class="text ">
            <p><span>仙侠</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u546" class="ax_default box_2">
          <div id="u546_div" class=""></div>
          <div id="u546_text" class="text ">
            <p><span>历史</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u547" class="ax_default box_2">
          <div id="u547_div" class=""></div>
          <div id="u547_text" class="text ">
            <p><span>恐怖</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u548" class="ax_default image">
          <img id="u548_img" class="img " src="images/用例说明/u412.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u549" class="ax_default line">
          <img id="u549_img" class="img " src="images/首页逻辑图/u549.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u550" class="ax_default box_2">
          <div id="u550_div" class=""></div>
          <div id="u550_text" class="text ">
            <p><span>更多</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u551" class="ax_default icon1">
          <img id="u551_img" class="img " src="images/首页逻辑图/u551.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u552" class="ax_default box_2">
          <div id="u552_div" class=""></div>
          <div id="u552_text" class="text ">
            <p><span>精选推荐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u553" class="ax_default box_2">
          <div id="u553_div" class=""></div>
          <div id="u553_text" class="text ">
            <p><span>封面</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u554" class="ax_default box_2">
          <div id="u554_div" class=""></div>
          <div id="u554_text" class="text ">
            <p><span>封面</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u555" class="ax_default box_2">
          <div id="u555_div" class=""></div>
          <div id="u555_text" class="text ">
            <p><span>封面</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u556" class="ax_default box_2">
          <div id="u556_div" class=""></div>
          <div id="u556_text" class="text ">
            <p><span>书名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u557" class="ax_default box_2">
          <div id="u557_div" class=""></div>
          <div id="u557_text" class="text ">
            <p><span>书名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u558" class="ax_default box_2">
          <div id="u558_div" class=""></div>
          <div id="u558_text" class="text ">
            <p><span>书名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u559" class="ax_default box_2">
          <div id="u559_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u560" class="ax_default box_2">
          <div id="u560_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u561" class="ax_default box_2">
          <div id="u561_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u562" class="ax_default" data-left="253" data-top="34" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u563" class="ax_default" data-left="253" data-top="34" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u564" class="ax_default box_1">
            <div id="u564_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u565" class="ax_default box_1">
            <div id="u565_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u566" class="ax_default ellipse">
            <img id="u566_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u567" class="ax_default ellipse">
            <img id="u567_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u568" class="ax_default box_1">
            <div id="u568_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u569" class="ax_default _图片">
          <img id="u569_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u570" class="ax_default box_1">
          <div id="u570_div" class=""></div>
          <div id="u570_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u571" class="ax_default box_1">
          <div id="u571_div" class=""></div>
          <div id="u571_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u572" class="ax_default box_1">
          <div id="u572_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u573" class="ax_default box_1">
          <div id="u573_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u574" class="ax_default box_1">
          <div id="u574_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u575" class="ax_default line">
          <img id="u575_img" class="img " src="images/首页逻辑图/u575.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u576" class="ax_default box_1">
          <div id="u576_div" class=""></div>
          <div id="u576_text" class="text ">
            <p><span>大家都在搜</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u577" class="ax_default box_1">
          <div id="u577_div" class=""></div>
          <div id="u577_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u578" class="ax_default box_1">
          <div id="u578_div" class=""></div>
          <div id="u578_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u579" class="ax_default box_1">
          <div id="u579_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u580" class="ax_default box_1">
          <div id="u580_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u581" class="ax_default box_1">
          <div id="u581_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u582" class="ax_default box_1">
          <div id="u582_div" class=""></div>
          <div id="u582_text" class="text ">
            <p><span>搜索历史</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u583" class="ax_default" data-left="262" data-top="78" data-width="155" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u584" class="ax_default box_2">
            <div id="u584_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u585" class="ax_default box_2">
            <div id="u585_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u586" class="ax_default" data-left="326" data-top="80" data-width="38" data-height="18">

          <!-- Unnamed (矩形) -->
          <div id="u587" class="ax_default _28号字_页面备注信息及列表的表头说明文字__）">
            <div id="u587_div" class=""></div>
            <div id="u587_text" class="text ">
              <p><span>搜索</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u588" class="ax_default _形状">
            <img id="u588_img" class="img " src="images/首页逻辑图/u588.png"/>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u589" class="ax_default _图片">
          <img id="u589_img" class="img " src="images/全局说明/u311.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u590" class="ax_default box_2">
          <div id="u590_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u591" class="ax_default box_3">
          <div id="u591_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u592" class="ax_default label">
          <div id="u592_div" class=""></div>
          <div id="u592_text" class="text ">
            <p><span>发送</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u593" class="ax_default" data-left="271" data-top="230" data-width="10" data-height="13">

          <!-- Unnamed (形状) -->
          <div id="u594" class="ax_default _形状">
            <img id="u594_img" class="img " src="images/首页逻辑图/u594.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u595" class="ax_default _形状">
            <img id="u595_img" class="img " src="images/首页逻辑图/u595.png"/>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u596" class="ax_default icon">
          <img id="u596_img" class="img " src="images/首页逻辑图/u596.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u597" class="ax_default" data-left="478" data-top="35" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u598" class="ax_default" data-left="478" data-top="35" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u599" class="ax_default box_1">
            <div id="u599_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u600" class="ax_default box_1">
            <div id="u600_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u601" class="ax_default ellipse">
            <img id="u601_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u602" class="ax_default ellipse">
            <img id="u602_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u603" class="ax_default box_1">
            <div id="u603_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u604" class="ax_default _图片">
          <img id="u604_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u605" class="ax_default box_3">
          <div id="u605_div" class=""></div>
          <div id="u605_text" class="text ">
            <p><span>封面</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u606" class="ax_default box_3">
          <div id="u606_div" class=""></div>
          <div id="u606_text" class="text ">
            <p><span>书名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u607" class="ax_default box_3">
          <div id="u607_div" class=""></div>
          <div id="u607_text" class="text ">
            <p><span>作者名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u608" class="ax_default box_3">
          <div id="u608_div" class=""></div>
          <div id="u608_text" class="text ">
            <p><span>留言量</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u609" class="ax_default box_3">
          <div id="u609_div" class=""></div>
          <div id="u609_text" class="text ">
            <p><span>阅读量</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u610" class="ax_default box_3">
          <div id="u610_div" class=""></div>
          <div id="u610_text" class="text ">
            <p><span>点赞量</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u611" class="ax_default box_3">
          <div id="u611_div" class=""></div>
          <div id="u611_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u612" class="ax_default box_1">
          <div id="u612_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u613" class="ax_default box_1">
          <div id="u613_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u614" class="ax_default box_1">
          <div id="u614_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u615" class="ax_default box_1">
          <div id="u615_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u616" class="ax_default box_1">
          <div id="u616_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u617" class="ax_default box_3">
          <div id="u617_div" class=""></div>
          <div id="u617_text" class="text ">
            <p><span>章节列表</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u618" class="ax_default box_1">
          <div id="u618_div" class=""></div>
          <div id="u618_text" class="text ">
            <p><span>上一页 | 下一页</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u619" class="ax_default line">
          <img id="u619_img" class="img " src="images/首页逻辑图/u619.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u620" class="ax_default line">
          <img id="u620_img" class="img " src="images/首页逻辑图/u619.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u621" class="ax_default line">
          <img id="u621_img" class="img " src="images/首页逻辑图/u619.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u622" class="ax_default line">
          <img id="u622_img" class="img " src="images/首页逻辑图/u619.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u623" class="ax_default line">
          <img id="u623_img" class="img " src="images/首页逻辑图/u623.png"/>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u624" class="ax_default _连接线">
        <img id="u624_seg0" class="img " src="images/首页逻辑图/u624_seg0.png" alt="u624_seg0"/>
        <img id="u624_seg1" class="img " src="images/首页逻辑图/u624_seg1.png" alt="u624_seg1"/>
        <img id="u624_seg2" class="img " src="images/首页逻辑图/u624_seg2.png" alt="u624_seg2"/>
        <img id="u624_seg3" class="img " src="images/首页逻辑图/u624_seg3.png" alt="u624_seg3"/>
        <img id="u624_seg4" class="img " src="images/首页逻辑图/u624_seg4.png" alt="u624_seg4"/>
        <div id="u624_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u625" class="ax_default _连接线">
        <img id="u625_seg0" class="img " src="images/首页逻辑图/u625_seg0.png" alt="u625_seg0"/>
        <img id="u625_seg1" class="img " src="images/首页逻辑图/u625_seg1.png" alt="u625_seg1"/>
        <img id="u625_seg2" class="img " src="images/首页逻辑图/u625_seg2.png" alt="u625_seg2"/>
        <img id="u625_seg3" class="img " src="images/首页逻辑图/u625_seg3.png" alt="u625_seg3"/>
        <img id="u625_seg4" class="img " src="images/首页逻辑图/u625_seg4.png" alt="u625_seg4"/>
        <img id="u625_seg5" class="img " src="images/首页逻辑图/u625_seg5.png" alt="u625_seg5"/>
        <div id="u625_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u626" class="ax_default box_1">
        <img id="u626_img" class="img " src="images/首页逻辑图/u626.png"/>
        <div id="u626_text" class="text ">
          <p><span>逻辑说明：‘</span></p><p><span><br></span></p><p><span>1.【首页】顶部有【对话体】【传统体】小说的切换模式（两者内容一致），选中状态字体体底部有下划线高亮显示。</span></p><p><span><br></span></p><p><span>1、在【首页】点击“搜索”可跳转至【搜索页】，光标闪烁，字母键盘底部滑出。可直接对标签或书名进行选择</span></p><p><span><br></span></p><p><span>4、进行关键词搜索并跳转至对应[基本信息及目录]</span></p><p><span><br></span></p><p><span>3、点击【“封面/书名”】可跳转至对应小说的基本信息及目录</span></p><p><span><br></span></p><p><span>5、在【搜索页】或【基本信息及目录】点击&quot;返回&quot;或右滑可返回到【首页】 （上一页）</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
